<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"> 

<ui:composition template="../template.xhtml">
		<ui:define name="conteudo">
			<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
			<p:dialog modal="true" widgetVar="statusDialog" header="Status" draggable="false" closable="false">  
			    <h:outputText value="Aguarde..." /> 
			</p:dialog>  
			<div id="location">Manter Evento</div>
			<div id="container">
       			<div id="form">
       				<h:form id="eventoForm">
       					<p:messages id="growl" showDetail="true" showSummary="false" />
       					<div class="fundo">
       					<fieldset>
       						<legend><h3>Cliente</h3></legend>
       						<h:inputHidden value="#{eventoMB.cliente.id}" />
       						<fieldset>
							<legend>Dados</legend>
       						<table width="70%" align="left">
       							<tr>
       								<td>
       									<label>
			       							<p>Tipo Pessoa:</p>
			       							<h:selectOneMenu value="#{eventoMB.cliente.tipoPessoa}" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;">
			       								<f:selectItem itemLabel="Física" itemValue="PF"/>
			       								<f:selectItem itemLabel="Jurídica" itemValue="PJ"/>
			       							</h:selectOneMenu>
			       						</label>
       								</td>
       								<td>
       									<label>
				       						<p>CPF/CNPJ:</p>
				       						<p:inputText value="#{eventoMB.cliente.cdPess}" style="width:120px" onkeydown="if(event.keyCode==13) event.keyCode=9;" maxlength="14" required="true" requiredMessage="- Digite o CPF/CNPJ."/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Tipo Cliente:</p>
				       						<h:selectOneMenu value="#{eventoMB.cliente.idTipoCliente}" style="width:150px">
				       							<f:selectItem itemLabel="Selecione" itemValue=""/>
				       							<f:selectItems value="#{eventoMB.tipoClienteList}" var="tip" itemLabel="#{tip.dsTipoCliente}" itemValue="#{tip.id}"/>
				       						</h:selectOneMenu>
				       					</label>
       								</td>       								
      								<td>
       									<label>
				       						<p>Nome:</p>
				       						<p:inputText value="#{eventoMB.cliente.nome}" style="width:200px" maxlength="55" onkeydown="if(event.keyCode==13) event.keyCode=9;" required="true" requiredMessage="- Digite o Nome."/>
				       					</label>
       								</td>
       							</tr>
       							<tr>
       								<td>
       									<label>
				       						<p>Nº Identidade:</p>
				       						<p:inputText value="#{eventoMB.cliente.rg}" style="width:200px" maxlength="20" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>C.N.H.:</p>
				       						<p:inputText value="#{eventoMB.cliente.cnh}" style="width:200px" maxlength="20" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Validade C.N.H.:</p>
				       						<p:calendar value="#{eventoMB.cliente.validadeCnh}" pattern="dd/mm/yyyy"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Carro Reserva?:</p>
			       							<h:selectOneMenu value="#{eventoMB.cliente.carroReserva}" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;">
			       								<f:selectItem itemLabel="Não" itemValue="N"/>
			       								<f:selectItem itemLabel="Sim" itemValue="S"/>
			       							</h:selectOneMenu>
				       					</label>
       								</td>
 								</tr>
 							</table>
 							</fieldset>
 							<fieldset>
 							<legend>Endereço</legend>
       						<table width="70%" align="left">      								
       							<tr>	
       								<td>
       									<label>
				       						<p>CEP:</p>
				       						<p:inputMask mask="99.999-999" value="#{eventoMB.cliente.cep}"  maxlength="8" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Estado:</p>
				       						<h:selectOneMenu value="#{eventoMB.idEstadoCliente}" onkeydown="if(event.keyCode==13) event.keyCode=9;">
				       							<f:selectItem itemLabel="Selecione" itemValue=""/>
				       							<f:selectItems value="#{eventoMB.estadoList}" var="est" itemLabel="#{est.nome} - #{est.sigla}" itemValue="#{est.id}"/>
				       							<p:ajax update="cidadeCliente" listener="#{eventoMB.listaCidadesCliente}" />  
				       						</h:selectOneMenu>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Cidade:</p>
				       						<h:selectOneMenu value="#{eventoMB.cliente.idCidade}" id="cidadeCliente" onkeydown="if(event.keyCode==13) event.keyCode=9;">
				       							<f:selectItem itemValue="" itemLabel="Selecione"/>
				       							<f:selectItems value="#{eventoMB.cidadeListCliente}" var="cid" itemLabel="#{cid.nome}" itemValue="#{cid.id}"/>
				       						</h:selectOneMenu>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Bairro:</p>
				       						<p:inputText value="#{eventoMB.cliente.bairro}" style="width:150px" maxlength="20" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       							</tr>
       							<tr>
       								<td colspan="2">
       									<label style="width: 320px;">
				       						<p>Logradouro:</p>
				       						<p:inputText value="#{eventoMB.cliente.logradouro}" style="width:320px" maxlength="100" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Número:</p>
				       						<p:inputText value="#{eventoMB.cliente.numero}" style="width:100px" maxlength="11" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Complemento:</p>
				       						<p:inputText value="#{eventoMB.cliente.complemento}" style="width:150px" maxlength="20" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       							</tr>
       						</table>
       						</fieldset>	
       						<fieldset>
 							<legend>Contato</legend>
       						<table width="65%" align="left">
       							<tr>       								
       								<td>
       									<label>
				       						<p>Email:</p>
				       						<p:inputText value="#{eventoMB.cliente.email}" style="width:200px" maxlength="50" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Telefone Residencial:</p>
				       						<p:inputMask mask="(99) 9999-9999" value="#{eventoMB.cliente.telefoneRes}"  maxlength="10" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Telefone Celular:</p>
				       						<p:inputMask mask="(99) 9999-9999" value="#{eventoMB.cliente.telefoneCel}"   maxlength="10" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>
      								<td>
       									<label>
				       						<p>Telefone Comercial:</p>
				       						<p:inputMask mask="(99) 9999-9999" value="#{eventoMB.cliente.telefoneCom}"   maxlength="10" style="width:100px" onkeydown="if(event.keyCode==13) event.keyCode=9;"/>
				       					</label>
       								</td>       								
       								<td>&nbsp;</td>
       							</tr>
       						</table>
       					</fieldset>
       					</fieldset>
       					</div>

       					<p:spacer height="30"/>
       					
       					<div class="fundo">
       					<fieldset>
       						<legend><h3>Veículo</h3></legend>
       						<h:inputHidden value="#{eventoMB.veiculo.id}" />
       						<fieldset>
 							<legend>Dados</legend>
       						<table width="50%" align="left">
	       						<tr>
  								<td>
  									<label style="width: 100px;">
			       						<p>Placa:</p>
			       						<p:inputMask mask="aaa-9999" value="#{eventoMB.veiculo.placa}" maxlength="8"/>
			       					</label>
  								</td>
  								<td>
  									<label style="width: 200px;">
			       						<p>Chassi:</p>
			       						<p:inputText value="#{eventoMB.veiculo.chassi}" maxlength="20"/>
       								</label>
  								</td>
  								<td>
  									<label style="width: 200px;">
			       						<p>UF Placa:</p>
			       						<h:selectOneMenu>
			       							<f:selectItem itemLabel="Selecione" itemValue=""/>
			       							<f:selectItems value="#{eventoMB.estadoList}" var="est" itemLabel="#{est.nome} - #{est.sigla}" itemValue="#{est.id}"/>
			       						</h:selectOneMenu>
			       					</label>
  								</td>     
  								<td>
  									<label style="width: 150px;">
			       						<p>Renavam</p>
			       						<p:inputText value="#{eventoMB.veiculo.renavam}" maxlength="20"/>
			       					</label>
  								</td>						
       						</tr>
       					</table>
       					</fieldset>
       					<fieldset>
 							<legend>Detalhes</legend>
       						<table width="70%" align="left">
       						<tr>
       							<td>
       								<label  style="width: 200px;">
			       						<p>Tipo Veículo:</p>
			       						<h:selectOneMenu value="#{eventoMB.veiculo.idTipoVeiculo}">
			       							<f:selectItem itemLabel="Selecione" itemValue=""/>
			       							<f:selectItems value="#{eventoMB.tipoVeiculoList}" var="tip" itemLabel="#{tip.dsTipoVeiculo}" itemValue="#{tip.id}"/>
			       							<p:ajax listener="#{eventoMB.listaMarcas}" update="marca modelo"/>
			       						</h:selectOneMenu>
			       					</label>
       							</td>
       							<td>
       								<label  style="width: 200px;">
			       						<p>Marca:</p>
			       						<h:selectOneMenu value="#{eventoMB.idMarca}" id="marca">
			       							<f:selectItem itemLabel="Selecione" itemValue=""/>
			       							<f:selectItems value="#{eventoMB.marcaList}" var="marc" itemLabel="#{marc.dsMarca}" itemValue="#{marc.id}"/>
						       				<p:ajax listener="#{eventoMB.listaModelos}" update="modelo"/>			
			       						</h:selectOneMenu>
			       					</label>
       							</td>
       							<td>
       								<label style="width: 200px;">
			       						<p>Modelo:</p>
			       						<h:selectOneMenu value="#{eventoMB.veiculo.idModelo}" id="modelo">
			       							<f:selectItem itemLabel="Selecione" itemValue=""/>
			       							<f:selectItems value="#{eventoMB.modeloList}" var="mode" itemLabel="#{mode.dsModelo}" itemValue="#{mode.id}"/>
			       						</h:selectOneMenu>
			       					</label>
       							</td>
       							<td>
       								<label>
			       						<p>KM:</p>
			       						<p:inputText value="#{eventoMB.veiculo.km}" maxlength="6"/>
			       					</label>
       							</td>
       						</tr>
       						<tr>
       							<td>
       								<label>
			       						<p>Cor:</p>
			       						<p:inputText value="#{eventoMB.veiculo.cor}" maxlength="20"/>
			       					</label>
       							</td>
       							<td>
	       							<label style="width: 200px;">
			       						<p>Combustível:</p>
			       						<h:selectOneMenu>
			       							<f:selectItem itemLabel="Selecione" itemValue=""/>
			       							<f:selectItems value="#{eventoMB.combustivelList}" var="comb" itemLabel="#{comb.dsCombustivel}" itemValue="#{comb.id}"/>
			       						</h:selectOneMenu>
			       					</label>
       							</td>
       							<td>
	       							<label style="width: 200px;">
										<p>Tipo Pintura:</p>
										<h:selectOneMenu value="#{eventoMB.veiculo.tipoPinturaId}">
											<f:selectItem itemLabel="Selecione" itemValue=""/>
											<f:selectItems value="#{eventoMB.tipoPinturaList}" var="tip" itemLabel="#{tip.descricao}" itemValue="#{tip.id}"/>
										</h:selectOneMenu>	       					
			       					</label>
       							</td>
       							<td>
	       							<label>
			       						<p>Ano: </p>
			       						<p:inputText value="#{eventoMB.veiculo.anoFabricacao}"  maxlength="4"/>
			       					</label>
       							</td>
       						</tr>
       						<tr>
       							<td>
       								<label>
			       						<p>Modelo: </p>
			       						<p:inputText value="#{eventoMB.veiculo.modeloFabricacao}"  maxlength="4"/>
			       					</label>
       							</td>
       							<td>
       								<label>
			       						<p>Cota Participação:</p>
			       						<p:inputText value="#{eventoMB.veiculo.valorSeguro}" maxlength="3"/>
			       					</label>
       							</td>
       						</tr>
       					</table>
       					</fieldset>
       					<fieldset>
 							<legend>Observação</legend>
       						<table width="90%" align="left">
       						<tr>
       							<td colspan="4">
       								<label>
			       						<p:editor value="#{eventoMB.veiculo.observacao}" width="900"/>
			       					</label>
       							</td>
       						</tr>
       					</table>
       					</fieldset>
       					</fieldset>
       					</div>
       					
       					<p:spacer height="30"/>
       					
       					<div class="fundo">
       					<fieldset>
       						<legend><h3>Oficina</h3></legend>
       						<h:inputHidden value="#{eventoMB.oficina.id}" />
       						<fieldset>
 							<legend>Dados</legend>
       						<table width="50%" align="left">
       							<tr>
       								<td>
       									<label>
			       							<p>Apelido:</p>
			       							<p:inputText value="#{eventoMB.oficina.apelido}" maxlength="45"/>
			       						</label>
       								</td>
       								<td>
       									<label>
			       							<p>Razão Social:</p>
			       							<p:inputText value="#{eventoMB.oficina.razaoSocial}" maxlength="55"/>
			       						</label>
       								</td>
       								<td>
       									<label>
			       							<p>Tipo Pessoa:</p>
			       							<h:selectOneMenu value="#{eventoMB.cliente.tipoPessoa}">
			       								<f:selectItem itemLabel="Física" itemValue="PF"/>
			       								<f:selectItem itemLabel="Jurídica" itemValue="PJ"/>
			       							</h:selectOneMenu>
			       						</label>
       								</td>
       								<td>
       									<label>
				       						<p>CPF/CNPJ:</p>
				       						<p:inputText value="#{eventoMB.cliente.cdPess}" maxlength="14"/>
				       					</label>
       								</td>
       							</tr>
       						</table>
       						</fieldset>
       						<fieldset>
 							<legend>Contato</legend>
       						<table width="50%" align="left">
       							<tr>
       								<td>
       									<label>
				       						<p>Contato:</p>
				       						<p:inputText value="#{eventoMB.oficina.nomeContato}" maxlength="55"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Email:</p>
				       						<p:inputText value="#{eventoMB.oficina.email}" maxlength="50"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Telefone 1:</p>
				       						<p:inputMask mask="(99) 9999-9999" value="#{eventoMB.oficina.telefone1}" maxlength="20"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Telefone 2:</p>
				       						<p:inputMask mask="(99) 9999-9999" value="#{eventoMB.oficina.telefone2}" maxlength="20"/>
				       					</label>
       								</td>
       							</tr>
       						</table>
       						</fieldset>
       						<fieldset>
 							<legend>Endereço</legend>
       						<table width="70%" align="left">
       							<tr>
       								<td>
       									<label>
				       						<p>CEP:</p>
				       						<p:inputMask mask="99999-999" value="#{eventoMB.oficina.cep}" maxlength="9"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Estado:</p>
				       						<h:selectOneMenu value="#{eventoMB.idEstadoOficina}">
				       							<f:selectItem itemLabel="Selecione" itemValue=""/>
				       							<f:selectItems value="#{eventoMB.estadoList}" var="est" itemLabel="#{est.nome} - #{est.sigla}" itemValue="#{est.id}"/>
				       							<p:ajax update="cidadeOficina" listener="#{eventoMB.listaCidadesOficina}" /> 
				       						</h:selectOneMenu>
				       					</label>
       								</td>
       								<td>	
       									<label>
				       						<p>Cidade:</p>
				       						<h:selectOneMenu value="#{eventoMB.oficina.idCidade}" id="cidadeOficina">
				       							<f:selectItem itemValue="" itemLabel="Selecione"/>
				       							<f:selectItems value="#{eventoMB.cidadeListOficina}" var="cid" itemLabel="#{cid.nome}" itemValue="#{cid.id}"/>
				       						</h:selectOneMenu>
				       					</label>
       								</td>
       								<td colspan="2">
       									<label>
				       						<p>Bairro:</p>
				       						<p:inputText value="#{eventoMB.oficina.bairro}" maxlength="20"/>
				       					</label>
       								</td>
       							</tr>
       							<tr>
       								<td colspan="2">
       									<label style="width: 320px;">
				       						<p>Logradouro:</p>
				       						<p:inputText value="#{eventoMB.oficina.logradouro}" maxlength="55"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Número:</p>
				       						<p:inputText value="#{eventoMB.oficina.numero}" maxlength="11"/>
				       					</label>
       								</td>
       								<td>
       									<label>
				       						<p>Complemento:</p>
				       						<p:inputText value="#{eventoMB.oficina.complemento}" maxlength="20"/>
				       					</label>
       								</td>
       							</tr>
       							
       						</table>
       						</fieldset>
       					</fieldset>
       					</div>
       					
       					<p:spacer height="30"/>
       					
       					<div class="fundo">
       					<fieldset>
       						<legend><h3>Evento</h3></legend>
       						<h:inputHidden value="#{eventoMB.evento.id}" />
       						<fieldset>
 							<legend>Dados</legend>
       						<table width="40%" align="left">
       							<tr>
       								<td>
       									<label>
       										<p>Data do Evento:</p>
       										<p:calendar value="#{eventoMB.evento.dtEvento}"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Data do Aviso:</p>
       										<p:calendar value="#{eventoMB.evento.dtAviso}"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Local do Evento:</p>
       										<p:inputText value="#{eventoMB.evento.localEvento}" maxlength="100"/>
       									</label>
       								</td>
       							</tr>
       						</table>
       						</fieldset>
       						<fieldset>
 							<legend>Detalhes</legend>
       						<table width="70%" align="left">
       							<tr>
       								<td>
       									<label>
       										<p>Data início serviço:</p>
       										<p:calendar value="#{eventoMB.evento.dtIniServico}"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Data fim serviço:</p>
       										<p:calendar value="#{eventoMB.evento.dtFimServico}"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Nome do Condutor:</p>
       										<p:inputText value="#{eventoMB.evento.nmCondutor}" maxlength="50"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>CNH Condutor:</p>
       										<p:inputText value="#{eventoMB.evento.cnhCondutor}" maxlength="10"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Validade CNH Condutor:</p>
       										<p:calendar value="#{eventoMB.evento.dtValidadeCnhCondutor}"/>
       									</label>
       								</td>
       							</tr>
       							<tr>
       								<td>
       									<label>
       										<p>Idade Condutor:</p>
       										<p:inputText value="#{eventoMB.evento.idadeCondutor}" maxlength="3"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Número Brat:</p>
       										<p:inputText value="#{eventoMB.evento.numBrat}" maxlength="55"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Data Brat:</p>
       										<p:calendar value="#{eventoMB.evento.dataBrat}"/>
       									</label>
       								</td>
       								<td>
       									<label>
       										<p>Delegacia Policial:</p>
       										<p:inputText value="#{eventoMB.evento.delegaciaPolicial}" maxlength="10"/>
       									</label>
       								</td>
       							</tr>
       						</table>
       						</fieldset>
       						<fieldset>
 							<legend>Observação</legend>
       						<table width="70%" align="left">
       							<tr>
       								<td colspan="4">
       									<label>
			       							<p:editor value="#{eventoMB.evento.dsObs}" width="900"/>
			       						</label>
       								</td>
       							</tr>
       						</table>
       					</fieldset>
       					</fieldset>
       					</div>
       					<p:spacer height="20"/>
	       				<div align="right" style="padding-right: 20px; padding-bottom: 10px;">
	       					<p:commandButton value="Salvar" action="#{eventoMB.saveOrUpdate}" update="eventoForm growl"/>
	       					<p:spacer width="10"/>
	       					<p:commandButton value="Voltar" action="#{eventoMB.paginaBusca}" ajax="false" immediate="true"/>
	       				</div>
       				</h:form>
       			</div>
       		</div>
		</ui:define>
</ui:composition>		
</html>